草庐IT

Bootstrap4 表单

全部标签

javascript - Bootstrap 3 Datepicker v4 - 设置默认日期

我正在使用这个日期时间选择器http://eonasdan.github.io/bootstrap-datetimepicker/在我的编辑表单中。我无法根据我的可变日期在此日期时间选择器中设置默认值。如果我在输入元素上使用$('#edit_cost_date').val(json[0]['date']);,输入中的值是正确的,但如果我打开datetimepicker,我会看到标记不是输入的日期而是实际日期。vardate=json[0]['date'];$(function(){$('#datetimepicker-edit-cost').datetimepicker({locale

javascript - 没有 Bootstrap 面板标记的 Bootstrap Accordion

是否有任何可行的方法可以在不使用“面板”标记的情况下创建自举Accordion控件?我有折叠控件,但我希望能够为控件中的每个部分定位父级。换句话说,我希望“收入”和“利润”桶相互切换,并且“收入”内部有“收入当前”、“收入基础”和“收入当前与基础”相互切换其他不干扰父层。http://jsfiddle.net/Lp903gc5/标记RevenueRevenueCurrentExtendedZonePriceNetAmountRevenueRevenueShareatDNRevenueBaseExtendedZonePriceNetAmountRevenueRevenueShareatD

javascript - 将语言更改为 Bootstrap Datetimepicker

我正在使用Bootstrap的datetimepicker,它运行良好。问题是它是英文的,我需要它是西类牙文的,我读过一些帖子,但对我没有任何作用。我的HTML定义为:middle}}"name="datepicker">在javascript中,我只有一个与datetimepicker相关的函数,它是:$('.input-group.date').each(function(){$(this).datetimepicker().on('dp.hide',function(ev){//something});});那么,我应该添加什么才能将其更改为西类牙语?我读到这是与locale.j

javascript - 如何使用 div 元素构建 Recurly.js 表单?

我的团队正在使用Recurly.js在我们的网站中构建一个支付页面。我们一直在关注来自https://docs.recurly.com/js的文档.根据文档,Buildaformhoweveryoulike.Usethedata-recurlyattributetoidentifyinputfieldtargetstoRecurly.js.ToidentifywhereRecurly.jswillinjectcarddatafields,werecommendusingsimpledivelements.问题在于div元素实际上并未显示在表单中。这是一个基于文档的可重现的简短示例:re

javascript - 表单提交后重定向(CSR)

在由CSR(客户端呈现)覆盖的SharePoint表单中。我尝试添加一个新按钮,它的功能与“保存”按钮几乎相同,只是它会重定向到具有给定参数的另一个表单。问题是,重定向不起作用。我尝试通过更改表单的“操作”属性进行重定向,但它似乎没有被计算在内。这是新按钮:这是按钮调用的函数和下面的addLine方法:$('#custom_addLine').click(function(event){event.preventDefault();addLine(getQueryStringParameter('ID'));});functionaddLine(id){if(!PreSaveItem(

javascript - Bootstrap 开关 setState 给出 js 错误

我正在尝试使用来自Ajax的条件返回值来更改Bootstrap开关的状态,HTML,if(objData.limit==='Yes'){$('#limit').bootstrapSwitch('setState',true);$("#limit_amount").prop("readonly",false);}else{$('#limit').bootstrapSwitch('setState',false);$("#limit_amount").prop("readonly",true);}但它抛出如下错误..UncaughtTypeError:Cannotreadproperty'

javascript - 如何在没有 jQuery 或 bootstrap.js javascript 的情况下打开 Bootstrap 模式?

我正在开发一个非常简单的调查应用程序。该应用程序在连接非常有限的第三世界国家/地区运行。我们发现加载时间与用户参与度成正比(对我们来说非常重要)。今天我使用了2个库——VueJS和一个自定义Bootstrap构建。我想调用一个模态。但是模式需要添加BootstrapJavascript和jQuery。这些库几乎使加载时间加倍。如何在不添加这两个库的情况下打开模式? 最佳答案 @uday链接到CSSonlymodal是一个很好的技巧,但如果您将#tag用于其他目的(例如,路由和参数传递),则使用起来可能会很尴尬。所以这是一个使用很少的

javascript - 在应用程序中使用 jQuery 表单绑定(bind)代码的最佳实践

我们有一个应用程序,其中包含大量对服务器端代码的jQueryJSON调用。因此,我们有大量的绑定(bind)代码来解析响应并将适当的值绑定(bind)到表单。这是一个由两部分组成的问题。处理大量具有不同数据的表单的推荐方法是什么。现在我们正在尝试采用结构化方法为每个页面设置一个js“类”,​​使用init、wireClickEvents等。以尝试使所有内容都一致。在创建重复的jQuery代码或任何类型的推荐结构方面是否有任何“最佳实践”,而不仅仅是在js文件中添加一堆函数? 最佳答案 您可能应该研究像knockout.js这样的框架

javascript - ExtJs 表单验证

我在ExtJs中有这个表单。如果field1不为空,则field2不得为空。但即使听众正在开火,它也不起作用。{xtype:'panel',title:'title1',items:[{xtype:'fieldset',title:'fieldA',items:[{xtype:'textfield',fieldLabel:'Line1',id:'field1',listeners:{change:function(f,new_val){if(new_val){//alert("change"+new_val);f.field2.allowBlank=false;}else{f.fiel

javascript - 如果在使用 jquery 的 .each() 函数遍历每个表单元素后验证失败,则阻止提交表单

我有以下代码,我在其中尝试迭代html文本输入元素,进行一些验证并在验证失败时阻止表单提交:$("#the_form").submit(function(){$(":text",this).each(function(){if($(this).val().length!=0){varstr=$(this).val();str=$.trim($(this).val());$(this).val(str);if($(this).val().length如果我删除.each()函数并分别处理每个元素(这显然不是一个很好的方法),我会得到想要的结果。但是,如果我按原样使用代码,即使用户没有输入